<!doctype html>
<html>

	<head>
		<meta charset="utf-8">
		<title>到位上门服务</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.min.css" rel="stylesheet" />
		<link href="css/base.css" rel="stylesheet" />
		<link href="css/common.css" rel="stylesheet" />
		<link href="css/app.css" rel="stylesheet" />
	</head>

	<body>
		<div class="bodyWrap">
			<!--header-->
			<div class="mui-bar mui-bar-nav header">
				<div class="mui-row">
					<div class="mui-col-xs-3 left">
						<a href="#" class="db mr5 oh noBr">
							<img class="set pr" src="images/header_set.png" alt="" />
							<span>郑州</span>
						</a>
					</div>
					<div class="mui-col-xs-7 pr">
						<input class="tf pr" type="text" />
						<img class="search" src="images/search.png" alt="" />
					</div>
					<div class="mui-col-xs-2 tr pr">
						<a href="tel:400-967-3811">
							<img class="tel pr" src="images/tel.png" alt="" />
						</a>
					</div>
				</div>
			</div>
			<!--loopbanner-->
			<div class="mui-slider loopBanner mb10">
				<div class="mui-slider-group mui-slider-loop">
					<div class="mui-slider-item mui-slider-item-duplicate">
						<a href="#"><img src="img/loop3.jpg" /></a>
					</div>
					<div class="mui-slider-item">
						<a href="#"><img src="img/loop1.jpg" /></a>
					</div>
					<div class="mui-slider-item">
						<a href="#"><img src="img/loop2.jpg" /></a>
					</div>
					<div class="mui-slider-item">
						<a href="#"><img src="img/loop3.jpg" /></a>
					</div>
					<div class="mui-slider-item mui-slider-item-duplicate">
						<a href="#"><img src="img/loop1.jpg" /></a>
					</div>
				</div>
				<div class="mui-slider-indicator tr b0 r5">
					<div class="mui-indicator mui-active"></div>
					<div class="mui-indicator"></div>
					<div class="mui-indicator"></div>
				</div>
			</div>
			<!--nav-->
			<div class="index_nav oh pt10 mb10">
				<a href="http://hongjimeng.net/Weixin/Default/Index2"><img src="images/jiatingqingjie.png" alt="" /><br/>家庭保洁</a>
				<a href="http://hongjimeng.net/Weixin/Default/Index2"><img src="images/caboli.png" alt="" /><br/>擦玻璃</a>
				<a href="http://hongjimeng.net/Weixin/Default/Index2?id=#item3"><img src="images/kongtiaoqingxi.png" alt="" /><br/>家电清洗</a>
				<a href="http://hongjimeng.net/weixin/"><img src="images/kongfangkaihuang.png" alt="" /><br/>家居保养</a>
				<a href="http://hongjimeng.net/App/SortContent1/ItemInfo?ItemCode=GDST&City=%E9%83%91%E5%B7%9E"><img src="images/zhongdiangomng.png" alt="" /><br/>到家服务</a>
				<a href="return:false"><img src="images/baoyuefuwu.png" alt="" /><br/>包月服务</a>
				<a href="http://hongjimeng.net/Weixin/chongzhi"><img src="images/huiyuantongdao.png" alt="" /><br/>会员通道</a>
				<a href="http://hongjimeng.net/Weixin/Default/Index2?id=#item4"><img src="images/qita.png" alt="" /><br/>其他</a>
			</div>
			<!--activity-->
			<div class="activity mb10 pr f14 pt10 pb10 pl10">
				<a href="http://hongjimeng.net/WeiXin/Default/huodong">
					<img class="title pr" src="images/new_active.png" alt="" />新人专享体验保洁热销中!
					<img class="hot pa r5 t0" src="images/hot2.png" alt="" />
				</a>
			</div>

			<!--hotMeal热销套餐-->
			<div class="hotMeal oh mb10">
				<p class="mb0 dotTitle">—<span class="dot">·</span>热销套餐<span class="dot">·</span>—</p>
				<div class="mui-row">
					<div class="mui-col-xs-6 item rboder">
						<a href="shop_detail.html">
							<img src="img/hot_meal_1.jpg" alt="" />
							<h3 style="color: #ff9409;">
				        		<span class="info">3小时保洁</span>
				        	</h3>
							<p>乐享居家好时光</p>
			        		<p class="price"><span class="f12">￥</span>99</p>
						</a>
					</div>
					<div class="mui-col-xs-6 item">
						<a href="shop_detail.html">
							<img src="img/hot_meal_2.jpg" alt="" />
							<h3 style="color: #2495fe;">
				        		<span class="info">4小时保洁</span>
				        	</h3>
							<p>乐享居家好时光</p>
			        		<p class="price"><span class="f12">￥</span>139</p>
						</a>
					</div>
					<div class="mui-col-xs-6 item rboder">
						<a href="shop_detail.html">
							<img src="img/hot_meal_3.jpg" alt="" />
							<h3 style="color: #1dd0f2;">
				        		<span class="info">3小时擦玻璃</span>
				        	</h3>
							<p class="mb0">窗明几净心情靓</p>
							<p class="price"><span class="f12">￥</span>149</p>
						</a>
					</div>
					<div class="mui-col-xs-6 item">
						<a href="shop_detail.html">
							<img src="img/hot_meal_4.jpg" alt="" />
							<h3 style="color: #a06ff3;">
				        		<span class="info">4小时擦玻璃</span>
				        	</h3>
							<p>窗明几净心情靓</p>
			        		<p class="price"><span class="f12">￥</span>189</p>
						</a>
					</div>
					<div class="mui-col-xs-6 item rboder">
						<a href="shop_detail.html">
							<img style="width: auto;height: 40%;" src="img/hot_meal_5.jpg" alt="" />
							<h3 style="color: #fb7196;">
				        		<span class="info">保洁擦玻璃3+3小时</span>
				        	</h3>
							<p>组合更实惠</p>
			        		<p class="price"><span class="f12">￥</span>239</p>
						</a>
					</div>
					<div class="mui-col-xs-6 item">
						<a href="shop_detail.html">
							<img style="width: auto;height: 40%;" src="img/hot_meal_6.jpg" alt="" />
							<h3 style="color: #17e6b3;">
				        		<span class="info">保洁擦玻璃4+4小时</span>
				        	</h3>
							<p>组合更实惠</p>
			        		<p class="price"><span class="f12">￥</span>319</p>
						</a>
					</div>
				</div>
			</div>
			<div class="mb10 baojieMonth">
				<p class="mb0 dotTitle">—<span class="dot">·</span>保洁月卡<span class="dot">·</span>—</p>
				<div class="mui-row">
					<div class="mui-col-xs-6 monthCard rboder">
						<a href="month_card.html">
							<div>
								<span class="name">包月A卡</span><span class="area">60~90m<sup>2</sup></span>
							</div>
							<div class="info">
								<p>5次*3小时保洁</p>
								<p>(含1次擦玻璃)</p>
							</div>
							<div class="price fb"><span class="f12">￥</span>520</div>
							<p class="card"><img src="img/card_a.png" alt="" /></p>
						</a>
					</div>
					<div class="mui-col-xs-6 monthCard">
						<a href="month_card.html">
							<div>
								<span class="name">包月B卡</span><span class="area">90~120m<sup>2</sup></span>
							</div>
							<div class="info">
								<p>5次*4小时保洁 </p>
								<p>(含1次擦玻璃)</p>
							</div>
							<div class="price fb"><span class="f12">￥</span>666</div>
							<p class="card"><img src="img/card_b.png" alt="" /></p>
						</a>
					</div>
				</div>
			</div>
			<div class="hotServer mb10">
				<p class="mb0 dotTitle">—<span class="dot">·</span>热门服务<span class="dot">·</span>—</p>
				<div class="mui-row">
					<div class="mui-col-xs-6 item rboder bboder">
						<a href="shop_detail.html">
							<div class="tc"><img src="img/hot_server1.png" alt="" /></div>
							<div class="ml10">
								卫生间保养<span><strong>50</strong>元/小时</span>
							</div>
						</a>
					</div>
					<div class="mui-col-xs-6 item bboder">
						<a href="shop_detail.html">
							<div class="tc"><img src="img/hot_server2.png" alt="" /></div>
							<div class="ml10">
								油烟机保养<span><strong>250</strong>元/小时</span>
							</div>
						</a>
					</div>
					<div class="mui-col-xs-6 item rboder">
						<a href="shop_detail.html">
							<div class="tc"><img src="img/hot_server3.png" alt="" /></div>
							<div class="ml10">
								地板保养<span><strong>38</strong>元/小时</span>
							</div>
						</a>
					</div>
					<div class="mui-col-xs-6 item">
						<a href="shop_detail.html">
							<div class="tc"><img src="img/hot_server4.png" alt="" /></div>
							<div class="ml10">
								管道疏通<span><strong>200</strong>元/小时</span>
							</div>
						</a>
					</div>
				</div>
			</div>
			<div class="mb60 hotServer">
				<p class="mb0 dotTitle">—<span class="dot">·</span>猜你喜欢<span class="dot">·</span>—</p>
				<div class="mui-row">
					<div class="mui-col-xs-6 item bboder rboder">
						<a href="shop_detail.html">
							<div class="tc"><img src="img/hot_server1.png" alt="" /></div>
							<div class="ml10">
								卫生间保养<span><strong>50</strong>元/小时</span>
							</div>
						</a>
					</div>
					<div class="mui-col-xs-6 item bboder">
						<a href="shop_detail.html">
							<div class="tc"><img src="img/hot_server2.png" alt="" /></div>
							<div class="ml10">
								油烟机保养<span><strong>250</strong>元/小时</span>
							</div>
						</a>
					</div>
					<div class="mui-col-xs-6 item rboder">
						<a href="shop_detail.html">
							<div class="tc"><img src="img/hot_server2.png" alt="" /></div>
							<div class="ml10">
								油烟机保养<span><strong>250</strong>元/小时</span>
							</div>
						</a>
					</div>
				</div>
			</div>
			
			
			<!--footer-->
			<div class="footer tc f12 pf w_100 b0">
				<div class="mui-row">
					<div class="mui-col-xs-3 row">
						<a href="index.html" class="active">
							<span><img src="images/icon1.png" alt="" /></span>
							<span>首页</span>
						</a>
					</div>
					<div class="mui-col-xs-3 row">
						<a href="classify.html">
							<span><img src="images/icon4.png" alt="" /></span>
							<span>分类</span>
						</a>
					</div>
					<div class="mui-col-xs-3 row">
						<a href="order.html">
							<span><img src="images/icon6.png" alt="" /></span>
							<span>订单</span>
						</a>
					</div>
					<div class="mui-col-xs-3 row">
						<a href="login.html">
							<span><img src="images/icon8.png" alt="" /></span>
							<span>我的</span>
						</a>
					</div>
				</div>
			</div>
		</div>
		<script src="js/mui.min.js"></script>
		<script src="js/app.js"></script>
		<script type="text/javascript">
			//获得slider插件对象
			var gallery = mui('.mui-slider');
			gallery.slider({
				interval: 5000 //自动轮播周期，若为0则不自动播放，默认为0；
			});
		</script>
	</body>

</html>